@import "colors.scss";
.header{
    .btn {
        color: #333333;
        font-size: 16px;
        font-weight: 500;
    }
    .btn:hover {
        background-color: $primary_color_btn;
        color: white;
        font-weight: 600;
    }
    .btn:active {
        background-color: $secondary_color_btn !important;
        color: white !important;
        font-weight: 600 !important;
    }
    .surname {
        line-height: 56px;
        font-size: 32px; 
        color: $main-text; 
        font-weight: 600;
        text-decoration: none;
        padding: 0;
        text-align: center;
    }
    background-color: white;
    .logo {
        border-radius: 50%;
        height: 56px;
        width: 56px;
    }
    @media (max-width: 992px) {
        .btn {
            display: block;
        }
        .links {
            flex-direction: column;
        }
        .logotype {
            justify-content: center;
        }
    }
}